<template>
	<view style="width:100%;min-height:100vh;background:#fff;">

		<view class="wanl-user" :style="{ 
			backgroundColor: common.appStyle.user_bg_color?common.appStyle.user_bg_color:'#f7f7f7',
			color: common.appStyle.user_font_color == 'light'?'#ffffff':'#222222',
			height: ($wanlshop.wanlsys().height + 120) + 'px'
			}"
			style="background-image:linear-gradient(to bottom,#F95858,#FFEDED);"
			>

			<view class="user" :style="{ paddingTop: $wanlshop.wanlsys().height + 'px' }">
				<view class="avatar margin-right-bj" @tap="portrai">
					<image class="round" :src="$wanlshop.oss(user.avatar, 62, 62, 2, 'avatar')" mode="aspectFill">
					</image>
				</view>
				<view class="content" v-if="user.isLogin">
					<view class="text-xxl" @tap="$wanlshop.auth('/pages/user/setting/user')">{{ user.nickname }}</view>
					<view style="margin-top:10rpx;" class="text-sm">
						<view class="cu-tag  radius bg-white" style="color:#F95858" @click.stop="$wanlshop.auth('/pages/user/money/money')">
							我的资产
						</view>
						<view class="cu-tag radius bg-orange" style="color:#fff;" @click.stop="$wanlshop.auth('/pages/user/coupon/list')">
							优惠券
						</view>
					</view>
				</view>
				<view class="content" @tap="$wanlshop.auth('/pages/user')" v-else>
					<view class="text-xxl">登录 / 注册</view>
					<!-- <view class="cu-tag bg-orange sm radius">Hi</view> -->
					<view class="cu-tag wanl-bg-pink sm radius">Hi，欢迎登录</view>
				</view>

				<view v-if="user.isLogin" @click="gotoshare" class="sharefriend">
					<image src="/static/images/live/qrcode.png" mode="aspectFill"></image>
					<view>邀请好友</view>
				</view>
			</view>
			<!-- <view class="operate">
				<view class="text-sm" @tap="$wanlshop.auth('/pages/user/collect')">
					<text class="text-bold">{{ statistics.dynamic.collection }}</text>
					收藏夹
				</view>
				<view class="text-sm" @tap="$wanlshop.auth('/pages/user/follow')">
					<text class="text-bold">{{ statistics.dynamic.concern }}</text>
					关注店铺
				</view>
				<view class="text-sm" @tap="$wanlshop.auth('/pages/user/footprint')">
					<text class="text-bold">{{ statistics.dynamic.footprint }}</text>
					足迹
				</view>
				<view class="text-sm" @tap="$wanlshop.auth('/pages/user/order/order')">
					<text class="text-bold">{{ $wanlshop.toFormat(statistics.order.whole, 'hundred') }}</text>
					全部订单
				</view>				
			</view> -->
			<!-- 			<view class="activity padding-bj">
				<view class="bg-white radius grid text-center col-2 padding-lr-bj padding-tb-sm"> -->
			<!-- 		<view class="solid-right flex justify-between" @tap="$wanlshop.auth('/pages/user/coupon/list')">
						<view class="content">
							<view class="wanl-black text-sm text-bold6">红包卡券</view>
							<view class="text-min text-orange">
								领取优惠券
								<text class="wlIcon-fanhui2 margin-left-xs"></text>
							</view>
						</view>
						<view class="cu-avatar" :style="{ backgroundImage: 'url(' + $wanlshop.appstc('/user/icon_card_bag.png') + ')' }"></view>
					</view> -->
			<!-- 	
					<view class="solid-right flex justify-between" @tap="$wanlshop.auth('/pages/user/money/money')">
						<view class="content">
							<view class="wanl-black text-sm text-bold6">钱包</view>
							<view class="text-min text-orange">
								查看我的钱包
								<text class="wlIcon-fanhui2 margin-left-xs"></text>
							</view>
						</view>
						<view class="cu-avatar" :style="{ backgroundImage: 'url(' + $wanlshop.appstc('/user/icon_card_bag.png') + ')' }"></view>
					</view>
					
					<view class="flex justify-between" @tap="$wanlshop.auth('/pages/user/coupon/list')">
						<view class="content margin-left-bj">
							<view class="wanl-black text-sm text-bold6">红包卡券</view>
							<view class="text-min text-orange">
								领取优惠券
								<text class="wlIcon-fanhui2 margin-left-xs"></text>
							</view>
						</view>
						<view class="cu-avatar" :style="{ backgroundImage: 'url(' + $wanlshop.appstc('/user/icon_super_vip.png') + ')' }"></view>
					</view> -->

			<!-- <view class="flex justify-between" @tap="$wanlshop.auth('/pages/user/signin/log')">
						<view class="content margin-left-bj">
							<view class="wanl-black text-sm text-bold6">我的积分</view>
							<view class="text-min text-orange">
								查看积分明细
								<text class="wlIcon-fanhui2 margin-left-xs"></text>
							</view>
						</view>
						<view class="cu-avatar" :style="{ backgroundImage: 'url(' + $wanlshop.appstc('/user/icon_super_vip.png') + ')' }"></view>
					</view> -->
			<!-- 				</view>
			</view> -->

		</view>

		<view v-if="isShow == 1" class="wanl-user-order padding-sm margin-bj">
			<view class="project text-sm wanl-gray-dark">
				<view class="" @tap="handleBizRegister">
					<text class="wlIcon-dianpu wanl-pip"></text>
					商家入驻
				</view>

				<view class="" @tap="openBizManage">
					<text class="wlIcon-caidanguanli_"></text>
					商家后台
				</view>
			</view>
		</view>


		<view class="operate">
			<view class="text-sm" @tap="$wanlshop.auth('/pages/user/collect')">
				<text class="wlIcon-shoucang"></text>
				收藏夹
			</view>
			<view class="line"></view>
			<view class="text-sm" @tap="$wanlshop.auth('/pages/user/follow')">
				<text class="wlIcon-dianpu1"></text>
				关注店铺
			</view>
			<view class="line"></view>
			<view class="text-sm" @tap="$wanlshop.auth('/pages/user/footprint')">
				<text class="wlIcon-zuji"></text>
				足迹
			</view>
		</view>




		<view class="subtitle">我的订单</view>


		<view class="wanl-user-order padding-sm margin-bj" style="margin-top: 25rpx;">
			<view class="project text-sm wanl-gray-dark">
				<view class="i" @tap="$wanlshop.auth('/pages/user/order/order?state=1')">
					<text class="wlIcon-31daifukuan wanl-pip"></text>
					待支付
					<view class="cu-tag badge bg-orange" v-if="statistics.order.pay > 0">
						{{ $wanlshop.toFormat(statistics.order.pay, 'hundred') }}
					</view>
				</view>
				<view class="i" @tap="$wanlshop.auth('/pages/user/order/order?state=2')">
					<text class="wlIcon-31daifahuo wanl-pip"></text>
					待核销
					<view class="cu-tag badge bg-orange" v-if="statistics.order.delive > 0">
						{{ $wanlshop.toFormat(statistics.order.delive, 'hundred') }}
					</view>
				</view>
				<view class="i" @tap="$wanlshop.auth('/pages/user/order/order?state=3')">
					<text class="wlIcon-31daishouhuo wanl-pip"></text>
					已核销
					<view class="cu-tag badge bg-orange" v-if="statistics.order.receiving > 0">
						{{ $wanlshop.toFormat(statistics.order.receiving, 'hundred') }}
					</view>
				</view>
				<!-- <view @tap="$wanlshop.auth('/pages/user/order/order?state=4')">
					<text class="wlIcon-31daipingjia wanl-pip"></text>
					待评价
					<view class="cu-tag badge bg-orange" v-if="statistics.order.evaluate > 0">{{ $wanlshop.toFormat(statistics.order.evaluate, 'hundred') }}</view>
				</view> -->
				<view class="i" @tap="$wanlshop.auth('/pages/user/refund/lists')">
					<text class="wlIcon-31youhuiquan wanl-orange"></text>
					退货/售后
					<view class="cu-tag badge bg-orange" v-if="statistics.order.customer > 0">
						{{ $wanlshop.toFormat(statistics.order.customer, 'hundred') }}
					</view>
				</view>
			</view>
			<!-- <view class="logistics margin-top-bj padding-sm" v-if="statistics.logistics.length > 0">
				<swiper vertical autoplay circular disable-touch interval="4000" class="swiper">
					<swiper-item @tap="$wanlshop.auth('/pages/notice/logistics/details')">
						<view class="title">
							<view class="text-sm">最新物流</view>
							<view class="text-sm">18:00</view>
						</view>
						<view class="flex align-center">
							<view class="cu-avatar" :style="{ backgroundImage: 'url(' + $wanlshop.oss(user.avatar, 40, 40) + ')' }"></view>
							<view class="content">
								<view class="text-df">
									<text class="wlIcon-paisongtixing"></text>
									派送中
								</view>
								<view class="text-sm">【自提柜】已签收，签收人凭取件码 已取件。</view>
							</view>
						</view>
					</swiper-item>
				</swiper>
			</view> -->
		</view>

		<!-- 		<view class="wanl-user-order padding-sm margin-bj" style="margin-top: 25rpx;">
			<view class="project text-sm wanl-gray-dark">
				<view style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/user/coupon/mycard')">
					<view class="wanl-pip text-lg text-bold6">{{ statistics.dynamic.coupon }}</view>
					我的卡券
				</view>
				<view style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/user/money/money')">
					<view class="wanl-pip text-lg text-bold6">{{ user.money.money ? user.money.money : (user.money?user.money:'0.00') }}</view>
					余额
				</view>
				<view style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/user/bank/bank')">
					<view class="wanl-pip text-lg text-bold6">{{ statistics.dynamic.accountbank }}</view>
					银行卡
				</view>
				<view style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/user/signin/log')">
					<view class="wanl-pip text-lg text-bold6">{{ user.score?user.score:0 }}</view>
					积分
				</view>
				<view class="solid-left" @tap="$wanlshop.auth('/pages/user/money/list')">
					<text class="wlIcon-hongbao wanl-orange"></text>
					账单明细
				</view>
			</view>
		</view> -->

		<view class="wanl-user-tool padding-top-bj margin-lr-bj">
			<view class="list text-sm grid col-4 wanl-gray-dark" style="padding:0 30rpx;box-sizing: border-box;">
				<!-- <view @tap="$wanlshop.auth('/pages/user/money/money')">
					<text class="wlIcon-youhuiquantuangou wanl-orange"></text>
					钱包
				</view> -->

				<view style="marign-right:80rpx" @tap="$wanlshop.auth('/pages/cart/cart')">
					<text class="wlIcon-gouwuche wanl-orange"></text>
					购物车
				</view>

				<view class="i" @tap="$wanlshop.auth('/pages/apps/groups/order/order')">
					<text class="wlIcon-pintuan2 wanl-text-yellow"></text>
					拼团订单
					<view class="cu-tag badge bg-orange" v-if="statistics.order.groups > 0">
						{{ $wanlshop.toFormat(statistics.order.groups, 'hundred') }}
					</view>
				</view>
				<!-- 				<view @tap="$wanlshop.auth('/pages/user/comment/comment')">
					<text class="wlIcon-icon_pinglun wanl-text-red"></text>
					评论
				</view> -->
				<!-- <view @tap="$wanlshop.auth('/pages/user/distribution/distribution')">
					<text class="wlIcon-fenxiao wanl-text-yellow"></text>
					分销
				</view>
				<view @tap="$wanlshop.auth('/pages/user/order/bargain')">
					<text class="wlIcon-jiage wanl-text-light-blue"></text>
					我的砍价
				</view> -->
				<!-- 				<view @tap="$wanlshop.auth('/pages/user/address/address')">
					<text class="wlIcon-dizhi wanl-text-yellow"></text>
					收货地址
				</view> -->
				<!-- <view @tap="$wanlshop.auth('/pages/user/signin/signin')">
					<text class="wlIcon-mianxing-rili wanl-orange"></text>
					签到
				</view> -->
				<!-- <view @tap="$wanlshop.auth('/pages/user/complaint/lists')">
					<text class="wlIcon-31guanzhuxuanzhong wanl-text-light-blue"></text>
					我的举报
				</view>
				<view @tap="$wanlshop.auth('/pages/user/feedback/lists')">
					<text class="wlIcon-pingjiazongjie wanl-text-blue"></text>
					反馈
				</view> -->
				<!-- <view @tap="help">
					<text class="wlIcon-bangzhu3 wanl-text-green"></text>
					帮助中心
				</view> -->
				<!-- 			<view @tap="$wanlshop.auth('/pages/user/service')">
					<text class="wlIcon-icon-service wanl-text-purple"></text>
					智能小蜜
				</view> -->
				<!-- #ifndef H5 -->
				<!-- 				<view v-if="isShow==1" @tap="$wanlshop.auth('/pages/shop/live/live')">
					<text class="wlIcon-icon_zhibo-mian wanl-text-blue"></text>
					商家直播
				</view> -->
				<!-- #endif -->
<!-- 		<view @tap="setting">
					<text class="wlIcon-shezhi1 wanl-text-green"></text>
					设置
				</view> -->
				<!-- 				<view @tap="$wanlshop.auth('/pages/user/signin/log')">
					<text class="wlIcon-jifen1 wanl-orange"></text>
					我的积分
				</view> -->
				<!-- 				<view v-if="isShow==1" @tap="$wanlshop.auth('/pages/business/verification')">
					<text class="wlIcon-gerenerweima wanl-text-red"></text>
					商家核销
				</view> -->

				<view v-if="showredbag" @tap="toGetHongBao">
					<text class="wlIcon-31hongbao wanl-text-red"></text>
					领红包
				</view>

			</view>
		</view>
		<!-- 		<view class="wanl-you-like" :style="{ backgroundImage: 'url(' + $wanlshop.appstc('/common/guess_you_like_it.png') + ')' }"></view>
		<wanl-product :dataList="likeData"/>
		<uni-load-more :status="status" :content-text="contentText" /> -->
		
		
		<view class="subtitle">我的创作</view>
		
		
		<view class="wanl-user-tool padding-top-bj margin-lr-bj">
			<view class="list text-sm grid col-4 wanl-gray-dark" style="padding:0 30rpx;box-sizing: border-box;">
		
			<view class="i" v-if="isShow==1" @tap="$wanlshop.auth('/pages/apps/find/user')">
				<text class="wlIcon-pengyouquan wanl-text-red"></text>
				创作中心
			</view>
		
			</view>
		</view>
		<!-- 		
		
		
		
		
		
		
		
		
		
		<!-- 分享 -->
		
		
		
		
		
		
		<view class="cu-modal wanl-share " :class="modalName == 'share' ? 'show' : ''" @tap="hideModal()">
			<view v-if="modalName == 'share'" class="cu-dialog" @tap.stop="">
				<wanl-poster ref="wanlPoster" page="pages/user" :scene="{qr:'u'}" @success="posterSuccess"
					@change="hideModal" />
			</view>
		</view>
		<view class="edgeInsetBottom"></view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex';
	export default {
		data() {
			return {
				isshopsub: false,

				isShow: 1,
				modalName: '',
				headerOpacity: 0,
				// 上拉刷新
				reload: true,
				likeData: [],
				current_page: 1, //当前页码
				last_page: 1, //总页码
				status: 'loading',
				contentText: {
					contentdown: ' ',
					contentrefresh: '正在加载...',
					contentnomore: '没有更多数据了'
				},
				showredbag: 0
			};
		},
		computed: {
			...mapState(['user', 'statistics', 'common'])
		},
		onPullDownRefresh() {
			this.loadData();
		},
		async onShow() {
			let isShow = uni.getStorageSync('isShow');
			if (isShow) {
				this.isShow = isShow;
			}
			await this.checkshowAddsub();
			this.loadData();

			setTimeout(() => {

				uni.setNavigationBarColor({
					frontColor: this.$store.state.common.appStyle.user_font_color == 'light' ?
						'#ffffff' : '#000000',
					backgroundColor: this.$store.state.common.appStyle.user_nav_color
				})
			}, 200);
		},
		async onLoad(query) {
			await this.checkshowAddsub();
			if (query.hasOwnProperty('scene')) {
				let scene = decodeURIComponent(query.scene);
				scene = this.$wanlshop.getParam(scene);
				console.log('小程序码进入：', scene);
			}
			if (this.$store.state.user.isLogin) {
				let that = this;
				//查询种草红包开关
				uni.request({
					url: "/wanlshop/find.find/getzcstatus",
					method: "GET",
					success(res) {
						if (res.data.tag == 1) {
							that.showredbag = 1;
						} else {
							that.showredbag = 0;
						}
					}
				})
				this.loadData();

			}



			//this.loadlikeData();
		},
		onPageScroll(e) {
			let tmpY = 50;
			e.scrollTop = e.scrollTop > tmpY ? 50 : e.scrollTop; //如果当前高度大于250则250否则当前高度
			this.headerOpacity = e.scrollTop * (1 / tmpY); //$headerOpacity 赋值当前高度x（1÷250）
		},
		onReachBottom() {
			//判断是否最后一页
			if (this.current_page >= this.last_page) {
				this.status = 'noMore';
			} else {
				this.reload = false;
				this.current_page = this.current_page + 1; //页码+1
				this.status = 'loading';
				this.loadlikeData();
			}
		},
		methods: {

			gotoshare() {
				uni.navigateTo({
					url: "/pages/user/sharemini"
				})
			},


			checkshowAddsub() {
				let that = this;
				uni.request({
					url: "/wanlshop/shop/isshopsub",
					method: "POST",
					success(res) {
						console.log(res);
						if (res.data.tag) {
							that.isshopsub = true;
						} else {
							that.isshopsub = false;
						}
					}
				})
			},


			async loadData() {
				await uni.request({
					url: '/wanlshop/user/refresh',
					method: 'POST',
					success: res => {
						this.$store.commit('statistics/edit', res.data.statistics);
						this.$store.commit('user/setUserInfo', res.data.userinfo);
					}
				});
				uni.stopPullDownRefresh();
			},

			toGetHongBao() {
				//查看是否是谷城的用户
				let locationInfo = this.$store.state.common.addressData;
				let keys = Object.keys(locationInfo);

				if (keys.length == 0) {
					uni.showToast({
						title: "您的位置信息有误,正在重新获取,请稍侯",
						icon: "none"
					})
					setTimeout(() => {
						uni.switchTab({
							url: "/pages/local"
						})
					}, 1000)
					return;
				}

				if (locationInfo.address.district && locationInfo.address.district == "谷城县") {
					//查看是否有发过视频，有的话就可以领红包
					uni.request({
						url: "/wanlshop/find.find/hasFind",
						method: "POST",
						success(res) {
							console.log(res);
							if (res.data.tag == 1) {
								uni.navigateTo({
									url: "/pages/user/getredbao"
								})
							} else {
								uni.showToast({
									title: "您还没有发布动态，快去参与吧",
									icon: "none"
								});
							}
						}
					})
				} else {
					uni.showToast({
						title: "您的位置不符",
						icon: "error"
					})
				}
			},




			//点击商家入驻
			handleBizRegister() {

				//如果当前用户是一个商户的子帐号，则不许注册

				if (this.isshopsub) {
					uni.showToast({
						icon: "none",
						title: "请先解绑您的子商户身份"
					})
					return
				}



				uni.request({
					url: '/wanlshop/passport/getShopStatus',
					success: res => {

						if (res.data.status == 2) {
							this.$wanlshop.msg('您的申请正在审核中，请耐心等待');
							return false;
						} else if (res.data.status == 3) {

							let _addressData = uni.getStorageSync('addressData'); /*全局缓存相关的数据*/
							if (_addressData) {
								let addressData = JSON.parse(_addressData);
								if (addressData.province) this.province = addressData.province;
								if (addressData.city) this.city = addressData.city;
								if (addressData.district) this.area = addressData.district;
							}

							this.$wanlshop.msg('您已入驻过人人聚~')
						} else {
							uni.navigateTo({
								url: '/pages/business/register'
							})
						}
					}
				});

			},

			//点击商家后台
			openBizManage() {
				uni.request({
					url: '/wanlshop/passport/getShopStatus',
					success: res => {
						if (res.data.status == 3) {
							uni.navigateTo({
								url: '/pages/business/index'
							})
						} else {
							this.$wanlshop.msg('请先入驻或审核中')
						}
					}
				});
			},
			handleNotice() {
				uni.switchTab({
					url: '/pages/notice/notice'
				})
			},

			// 滚动底部加载猜你喜欢
			async loadlikeData() {
				await uni.request({
					url: '/wanlshop/product/likes?pages=user',
					data: {
						page: this.current_page
					},
					success: res => {
						this.likeData = this.reload ? res.data.data : this.likeData.concat(res.data
							.data); //评论数据 追加
						this.current_page = res.data.current_page; //当前页码
						this.last_page = res.data.last_page; //总页码
						this.status = res.data.total == 0 ? 'noMore' : 'more';
					}
				});
			},
			// 弹出层
			showModal(name) {
				if (name == 'share') {
					if (this.user.isLogin) {
						this.modalName = name;
					} else {
						this.$wanlshop.to('/pages/user/auth/auth');
					}
				} else {
					this.modalName = name;
				}
			},
			hideModal() {
				this.modalName = null;
			},
			posterSuccess(e) {},
			// 帮助
			help() {
				this.$wanlshop.to('/pages/user/help');
			},
			// 设置
			setting() {
				this.$wanlshop.to('/pages/user/setting/setting');
			},
			portrai() {
				this.$wanlshop.to('/pages/user/portrait/portrait');
			}
		}
	};
</script>

<style>
	.cu-bar .action.mp:first-child>text[class*='wlIcon-'] {
		margin-left: 0;
	}

	.wanl-user {
		background-repeat: no-repeat;
		background-size: 100%;
		position: relative;
	}

	.wanl-user .user {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 30rpx;
		padding-bottom: 30rpx;
	}

	.wanl-user .user .avatar {
		position: relative;
		height: 123rpx;
		width: 123rpx;
		border-radius: 5000rpx;
		overflow: hidden;
		border: 3px solid rgba(255, 255, 255, .25);
	}

	.wanl-user .user .avatar image {
		height: 120rpx;
	}

	.wanl-user .user .avatar .tag {
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.wanl-user .user .content {
		flex: 1;
	}

	/* 操作 */
	.operate {
		display: flex;
		justify-content: space-around;
		text-align: center;
		padding-bottom: 70rpx;
		line-height: 1.3;
	}

	.operate text {
		font-size: 32rpx;
	}

	/* 活动 */
	.wanl-user .activity {
		position: absolute;
		width: 100%;
		bottom: -80rpx;
	}

	.wanl-user .activity .radius {
		border-radius: 24rpx;
	}

	.wanl-user .activity .cu-avatar {
		width: 69rpx;
		height: 69rpx;
		margin-right: 30rpx;
		background-color: transparent;
		/* border: 1px solid rgba(255,255,255,.6); */
	}

	.wanl-user .activity .content {
		text-align: left;
		height: 68rpx;
	}

	/* 订单 */
	.wanl-user-order {
		margin-top:-80rpx;
		border-radius: 24rpx;
		z-index: 10;
		position: relative;
	}

	.wanl-user-order .title {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.wanl-user-order .title text {}



	/* 状态 */
	.wanl-user-order .project {
		display: flex;
		justify-content: space-around;
		text-align: center;
	}


	.wanl-user-order .project>view {
		position: relative;
		width: 306rpx;
		height: 148rpx;
		display: flex;
		justify-content: center;
		flex-flow: column nowrap;
		align-items: center;
		background: #F9FAFB;
		border-radius: 10rpx;

	}

	.wanl-user-order .project>view .cu-tag {
		top: -4rpx;
		right: 26rpx;

	}

	.wanl-user-order .project text {
		display: block;
		font-size: 50rpx;
		margin-bottom: 6rpx;
	}

	/* 物流 */
	.wanl-user-order .logistics {
		background-color: #f9f9f9;
		border-radius: 24rpx;
	}

	.wanl-user-order .logistics .swiper {
		height: 120rpx;
	}

	.wanl-user-order .logistics .swiper .title {
		display: flex;
		justify-content: space-between;
		margin-bottom: 10rpx;
		color: #999999;
	}

	.wanl-user-order .logistics .swiper .cu-avatar {
		margin-right: 10rpx;
		height: 66rpx;
		width: 66rpx;
		border-radius: 12rpx;
		background-color: #ffffff;
	}

	.wanl-user-order .logistics .swiper .content .text-df {
		color: #3797e0;
		font-size: 27rpx;
		margin-bottom: 2rpx;
	}

	.wanl-user-order .logistics .swiper .content .text-sm {
		color: #999999;
	}
	
	
	.operate{
		padding:0 30rpx 40rpx 30rpx;
		border-bottom:1rpx solid #eee;
	}
	
	.operate .text-sm{
		font-size:28rpx;
		color:#333;
	}
	
	.operate .text-sm text{
		margin-right:10rpx;
		font-size:40rpx;
		
	}
	
	.wanl-user-order .project .i{
		background:#fff !important;
	}
	
	.operate .line{
		height:72rpx;
		width:1rpx;
		background:#999;
	}


	.sharefriend {
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: space-between;

	}

	.sharefriend image {
		width: 80rpx;
		height: 80rpx;
	}

	.wanl-user-order .logistics .swiper .content text {
		font-size: 32rpx;
		margin-left: 15rpx;
		margin-right: 10rpx;
	}

	/* 工具箱 */
	.wanl-user-tool {
		background-color: #ffffff;
		border-radius: 24rpx;
	}

	.wanl-user-tool .title {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.wanl-user-tool .title text {
		margin-left: 2rpx;
	}

	/* 状态 */
	.wanl-user-tool .list {
		text-align: center;
	}

	.wanl-user-tool .list>view {
		margin-bottom: 28rpx;
		position: relative;
	}

	.wanl-user-tool .list>view .cu-tag {
		top: -8rpx;
		left: 80rpx;
		right: unset;
	}

	.wanl-user-tool .list text {
		display: block;
		font-size: 54rpx;
		margin-bottom: 8rpx;
	}
	
	.subtitle{
		width:100%;
		height:100rpx;
		line-height: 100rpx;
		font-size:32rpx;
		font-weight: bold;
		padding:0 30rpx;
		box-sizing: border-box;
	}
</style>